.viewMore {
    height: 100%;
    width: 100%;
    .moreList {
        background: #fff;
        height: calc(100vh - 45px);
        width: 100%;
        position: absolute;
        top: 45px;
        overflow-x: hidden;
        overflow-y: auto;
        .com_item {
            display: flex;
            flex-direction: row;
            padding: 8px 8px 8px 16px;
            .item_cover {
                margin-right: 8px;
                width: 128px;
                height: 72px;
                flex-shrink: 0;
                .comic_cover {
                    width: 100%;
                    height: 100%;
                    background-repeat: no-repeat;
                    background-position: 50%;
                    background-size: cover;
                }
            }
            .item_info {
                display: flex;
                flex-direction: column;
                flex-grow: 1;
                overflow: hidden;
                .info_title,
                .info_author,
                .info_content {
                    font-size: 14px;
                    line-height: 28px;
                    color: #333;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    word-break: break-all;
                }
                .info_author {
                    font-size: 12px;
                    line-height: 18px;
                    color: #999;
                }
                .info_content {
                    font-size: 12px;
                    line-height: 18px;
                    color: #999;
                    margin-top: 6px;
                }
            }
        }
    }
}